<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--获取公用css文件-->
		<link rel="stylesheet" type="text/css" href="../css/index-commo-pro-GM.css"/>
		<!--获取css文件-->
		<link rel="stylesheet" type="text/css" href="../css/pro_center.css"/>
		<!--获取jq文件-->
		<script src="../js/jquery-1.11.0.js"></script>
		<script src="../js/jquery.cookie.js"></script>
		<!--引用公用js-->
		<script src="../GM-js/GM.js"></script>
	</head>
	<body>
		<!--————————————————————————————自适应头部--------------------------------------->
		<div id="box1">
		<!--侧边导航-->
			<div id="cnav">
				<!--侧边导航-->
				<div class="c-nav">
					<!--装载信息载体-->
					<div class="nav-box">
						<!--隐藏按钮-->
						<div class="yin-c">
							<div class="t-i">
								<img src="../img/index-img/fonnt-img/show_bar_1.png" />
							</div>
							<!--左侧图片-->
							<div class="s-logo">
								<img src="../img/index-img/fonnt-img/logo.png" />
							</div>
						</div>
						<!--导航内的各项-->
						<ul>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/my_lining_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									我的<br/>李宁
								</div>
								<div class="yin">
									<!--个人-->
									<h5>个人信息</h5>
									<div class="dl">
										<img src="../img/index-img/fonnt-img/login.png" />
									</div>
									<!--注册-->
									<div class="zc">
										<img src="../img/index-img/fonnt-img/register.png" />
									</div>
								</div>
							</li>
							<li class="cat-g">
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/cart_icon_1.png" />
									<span id="sps">0</span>
								</div>
								<!--下部是字-->
								<div class="bt-z">
									购物车
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/account_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									我的<br/>资产
								</div>
								<div class="yin">
									<!--个人-->
									<h5>个人信息</h5>
									<div class="dl">
										<img src="../img/index-img/fonnt-img/login.png" />
									</div>
									<!--注册-->
									<div class="zc">
										<img src="../img/index-img/fonnt-img/register.png" />
									</div>
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/collect_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									我的<br/>收藏
								</div>
								<div class="yin yin-s">
									<!--个人-->
									<h5>个人信息</h5>
									<div class="dl">
										<img src="../img/index-img/fonnt-img/login.png" />
									</div>
									<!--注册-->
									<div class="zc">
										<img src="../img/index-img/fonnt-img/register.png" />
									</div>
								</div>
							</li>
							<li class="zj">
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/view_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									最近<br/>浏览
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
	
									<img src="../img/index-img/fonnt-img/service_1.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									客服
								</div>
								<!--隐藏客服div-->
								<div class="yin yin-k">
									<div>
										<img src="../img/index-img/fonnt-img/service.png" />
									</div>
								    <div>
								    	<p class="t-p">售前咨询</p>
										<p>售后咨询</p>
								   	</div>
									
								</div>
							</li>
							<li>
								<!--上部是图片-->
								<div class="top-i">
									<img src="../img/index-img/fonnt-img/scan_ground.png" />
									
								</div>
								<!--下部是字-->
								<div class="bt-z">
									扫描<br/>二维码
								</div>
								<!--隐藏的二维码-->
								<div class="yin wm">
									<img src="../img/index-img/fonnt-img/scan.png" />
								</div>
							</li>
						</ul>
						<!--回到顶部-->
						<div class="fh">
							<div class="ding">
								<img src="../img/index-img/fonnt-img/top_1.png" />
							</div>
							<span>回到顶部</span>
						</div>
					</div>
				</div>
				<!--弹出-->
				<div class="xuan">
					<!--购物车-->
					<div class="cart-box" >
							<!--×号-->
							<div class="cha">
								<span></span>
							</div>
							<!--标题-->
							<h4>购物车</h4>
							<!--全选按钮-->
							<div class="quanxuan">
								<input type="checkbox" id="ck"/>
								<span>全选</span>
								<i></i>
							</div>
							<!--正文-->
							<div class="zhewen">
						
							</div>
							<!--已有商品-->
							<div class="yiyou">
								<div class="you-n">
									<span>已选择<b>0</b>件商品</span>
									<i>￥0.00</i>
								</div>
								
							</div>
							<!--结算-->
							<div class="jiesuan">
								<p></p>
							</div>
					</div>
					<!--最近浏览-->
					<div class="liulan-box">
							 <!--×号-->
							<div class="cha">
								<span></span>
							</div>
							<!--标题-->
							<h4>购物车</h4>
							<div class="zu">
								<p>您已经很久没来看过我了哦！</p>
							</div>
					</div>
				</div>
			</div>
			<!--隐藏后的侧边导航-->
			<div class="x-cnav">
				<div class="anniu">
					<img src="../img/index-img/fonnt-img/hide_bar_3.png" />
				</div>
			</div>
			<!--头部-->
			<div class=" head">
				<!--李宁图标-->
				<div class="lg">

				</div>
				<!--登录-->
				<ul class="register oul">
					<li class="l1"><a href="#">登录</a></li>
					<li class="l1"><a href="#">注册</a></li>
					<li>
						<a href="#"> <i class="icon iconfont">&#xe629;</i> (<span id="count">0</span>)</a>
					</li>
				</ul>
				<!--我的李宁-->
				<ul class="person oul">
					<li class="l1"><a href="#">我的李宁</a></li>
					<li><a href="#">会员俱乐部</a></li>
				</ul>
			</div>
			<!-------------------------------------------导航--------------------------------------------------------->
			<div id="nav">
				<ul class="nav1 aa">
					
				</ul>
				<!----------------------------------------下导航的商品列表--------------------------------------------->
				<!---------------------------------商标-->
				<div class="list list-1">

				</div>
				<!--所有分类-->
				<div class="list list-2">
					<!--外包盒子-->
					<div class="ls2">
						<!--上外包盒子-->
						<div class="ls3 lss">
							
						</div>
						<!--中部推荐盒子-->
						<div class="ls2-recommend">
							<!--推荐商品-->
							<div class="recommend">
								<ul class="rec-box">
								
								</ul>
							</div>
						</div>
						<!--下部链接-->
						<div class="ls2-Link">
							<!--创建 装载盒子-->
							<div class="Link">
								
							</div>
						</div>
					</div>
				</div>
				<!-----------------------------------------------------男子-->
				<div class="list list-3">
					<!--外包盒子-->
					<div class="ls3 lsm">
						
					</div>
				</div>
				<!-------------------------------------------------------女子-->
				<div class="list list-3">

					<!--外包盒子-->
					<div class="ls3 lsn">
						
					</div>

				</div>
				<!----------------------------------------------------------系列-->
				<div class="list list-5">

					<!--外包盒子-->
					<div class="ls5">
					
					</div>
				</div>
				<!--------------------------------------------------------------韦德-->
				<div class="list list-3">
					<!--外包盒子-->
					<div class="ls3 lsw">
						
					</div>
				</div>
				<!---------------------------------------------------------------乐途-->
				<div class="list list-3">
					<!--外包盒子-->
					<div class="ls3 lsl">
						<!--分div列-->
						
					</div>
				</div>
				<!---------------------------------------------------------弹簧标     空-->
				<div class="list list-8">

				</div>
				<!-----------------------------------------------------10K报名    空-->
				<div class="list list-9">

				</div>
				<!-----------------------------------------------------------新品         空-->
				<div class="list list-10">

				</div>
				<!----------------------------------------------------------更多品牌-->
				<div class="list list-6">
					<!--外包盒子-->
					<div class="ls6">
					
					</div>
				</div>
				<!-----------------------------------------------搜索-------------------------------------------------->
				<div id="box2">
					<div id="seek">
						<form>
							<input type="text" id="txt1" placeholder="卫衣" value="" />
							<input type="submit" id="bt1" value="" />
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-------------------------------------------------------正文----------------------------------->
		<!--自适应盒子-->
		<div　id="box3">
			<!--点击购买后弹出的div -->
			<div  class="pop">
				<!--上部标题-->
				<p><span class="jishu"></span>件商品加入购物车<i><img src="../img/cart-img/cuo.jpg"/></i></p>
				<!--中部商品介绍-->
				<div class="jieshaotan">
					<!--左侧信息-->
					<div  class="js-left">
						<img src="../img/commodity-img/shangpin/thumb_295152.jpg" />
					</div>
					<!--介绍右-->
					<div class="js-right">
						<p class="p1">李宁女子轻质跑鞋</p>
						<p class="p2">加入数量<span>1</span></p>
						<p class="p3">总计金额：<span>￥<b>198.00</b></span></p>
						<div class="shop">
							继续购物
						</div>
						<div class="close">
							去结算
						</div>
					</div>
				</div>
			</div>
			<!--方大境  图片详情  介绍-->
			<div class="f-y-j">
				<!--左侧 放大镜-->
				<!--<div class="fdj">-->
					<!--上部装载图片盒子-->
					<!--<div class="dimg">
						<span class="dimg-active"><img src="../img/pro_center-img/fdj-img/2017_01_06_18_43.58.bmp"/></span>
						<span><img src="../img/pro_center-img/fdj-img/2017_01_06_19_23.38.bmp"/></span>
						<span><img src="../img/pro_center-img/fdj-img/2017_01_06_19_23.48.bmp"/></span>
						<span><img src="../img/pro_center-img/fdj-img/2017_01_06_19_24.02.bmp"/></span>
						<span><img src="../img/pro_center-img/fdj-img/2017_01_06_19_24.11.bmp"/></span>
						<div id="yd">
						</div>
					</div>-->
					<!--下部导航-->
					<!--<ul class="ximg">
						<li><img src="../img/pro_center-img/fdj-img/thumb_display_294943_1.jpg"/></li>
						<li><img src="../img/pro_center-img/fdj-img/thumb_display_294943_2.jpg"/></li>
						<li><img src="../img/pro_center-img/fdj-img/thumb_display_294943_3.jpg"/></li>
						<li><img src="../img/pro_center-img/fdj-img/thumb_display_294943_4.jpg"/></li>
						<li><img src="../img/pro_center-img/fdj-img/thumb_display_294943_5.jpg"/></li>
					</ul>-->
					<!--放大后模块-->
					<!--<div class="fda">
						<b class="b-active"><img src="../img/pro_center-img/fdj-img/thumb_display_294943_1.jpg"/></b>
						<b><img src="../img/pro_center-img/fdj-img/thumb_display_294943_2.jpg"/></b>
						<b><img src="../img/pro_center-img/fdj-img/thumb_display_294943_3.jpg"/></b>
						<b><img src="../img/pro_center-img/fdj-img/thumb_display_294943_4.jpg"/></b>
						<b><img src="../img/pro_center-img/fdj-img/thumb_display_294943_5.jpg"/></b>
					</div>-->
				<!--</div>-->
				<!--分割线-->
				<!--<div class="f-fenge">-->
					
				<!--</div>-->
				<!--中部商品详情-->
			<!--<div class="details">-->
					<!--标题-->
					<!--<h4>【2016新品】李宁男子半掌气垫中帮运动时尚休闲鞋</h4>-->
					<!--优惠-->
					<!--<div class="privilege">
						<p><span>5元10元无门槛券200积分起兑，立即兑换！</span>  此商品参加满249减20，满450减50，详情点击    </p>
					</div>-->
					<!--倒计时-->
					<!--<div class="dsq">
						<p class="p-l">特价即将开始</p>
						<p class="p-r">距离开始：  
							<span id="tian">1</span> 
							 天  
							<span id="xiaoshi">6</span>
							小时
							</span>
						</p>
					</div>-->
					<!--商品介绍-->
					<!--<div class="referral">
						<span class="ll">商品编号:</span><span class="rr">GLKL041-3-10</span>
						<span class="ll">吊牌价：</span><span class="rr"><i class="huaxian">￥399.00</i></span>
						<span class="ll">销售价：</span><span class="rr"><b>￥259.00</b></span>
						<span class="ll">折扣：</span><span class="rr rr-active">65%<i>（节省：</i>￥140.00<i>)</i></span>
					</div>-->
					<!--选择-->
					<!--<div class="elect">
						<p>选择颜色：</p>
					</div>-->
					<!--鞋子样式-->
					<!--<div class="xie">
						<ul>
							<li><a href="#"><img src="../img/pro_center-img/fdj-img/thumb_294904.jpg"/></a></li>
							<span class="xie-active"><a href="#"><img src="../img/pro_center-img/fdj-img/thumb_294891.jpg"/></a></span>
							<li><a href="#"><img src="../img/pro_center-img/fdj-img/thumb_294917.jpg"/></a></li>
						</ul>
					</div>-->
					<!--鞋码-->
					<!--<div class="xiema">
						<div>选择尺码:</div>
						<ul>
							<li>39</li>
							<li>39.5</li>
							<li>40</li>
							<li>41</li>
							<li>41.5</li>
							<li>42</li>
							<li class="xiema-active">43</li>
							<li class="xiema-active">43.5</li>
							<li>44</li>
							<li>45</li>
						</ul>
					</div>-->
					<!--数量-->
					<!--<div class="g-shu">
						<span class="tou">
							我要买：
							<span id="bts">-</span>
							<input type="text" id="txt" value="1">
							<span id="btj">+</span>
						</span>
						<div><a href="#"><img src="../img/pro_center-img/fdj-img/chi.jpg" />查看尺寸对照表 </a> </div>
					</div>-->
					<!--通知-->
					<!--<div class="tongzhi">
						<p>本商品部分尺码已断货，点击这里，商品到货后将会及时<a href="#">通知您</a></p>
					</div>-->
					<!--立即购买-->
					<!--<div class="mai">
						<span class="l-mai">
							<img src="../img/pro_center-img/fdj-img/mai.jpg" />
						</span>
						<span class="r-mai">
							<img src="../img/pro_center-img/fdj-img/jar.jpg" />
						</span>
					</div>-->
				<!--</div>-->
				<!--右侧推荐-->
				<!--<div class="ad">-->
					<!--上部装载图片的盒子-->
					<!--<div class="shu-lbt">
						<ul>
							<li>
								<a href="#"><img src="../img/pro_center-img/fdj-img/thumb_292500.jpg"</a>
								<div class="pic">239.00</div>
							</li>
							<li>
								<a href="#"><img src="../img/pro_center-img/fdj-img/thumb_292649.jpg"</a>
								<div class="pic">239.00</div>
								
							</li>
							<li>
								<a href="#"><img src="../img/pro_center-img/fdj-img/thumb_292662.jpg"</a>
								<div class="pic">239.00</div>
								
							</li>
							<li>
								<a href="#"><img src="../img/pro_center-img/fdj-img/thumb_294891.jpg"/></a>
								<div class="pic">239.00</div>
								
							</li>
							<li>
								<a href="#"><img src="../img/pro_center-img/fdj-img/thumb_294930.jpg"/></a>
								<div class="pic">239.00</div>
								
							</li>	
							<li>
								<a href="#"><img src="../img/pro_center-img/fdj-img/thumb_294930.jpg"/></a>
								<div class="pic">239.00</div>
								
							</li>	
							
						</ul>
					</div>-->
					<!--下部点击小按钮-->
					<!--<div class="shang">
							<div class="sha">
								<img src="../img/pro_center-img/fdj-img/shang.png" />
							</div>
							<div class="xia">
								<img src="../img/pro_center-img/fdj-img/show_bar_1.png" />
							</div>
					</div>-->
					<!--联系商家-->
					<!--<div class="lx">
						<span>
							<a href="#"><img src="../img/pro_center-img/fdj-img/consult.gif"/>联系商家</a>
						</span>
						
					</div>-->
				</div>	
			</div>
			<!---------------------------------------下部推荐------------------------------------------------------------------>
			<div class="z-center">
				
				 
					<!--左侧列表-->
					<div class="l-box">
						<!--头部标题-->
						<div class="title">
							<h3>查看所有分类</h3>
						</div>
						 <!--动态生成-->
						 
					</div>
					
					<!--右侧商品介绍-->
					<div class="r-intro">
						<!--导航效果-->
						<div class="intro-fl">
							<!--上导航-->	
							<ul class="intro-nav">
								<li class="i-n-active">
									商品描述
								<span> </span>
								</li>
								<li>
									商品评论
								<span> </span>
								</li>
								<li>
									购物须知
								<span> </span>
								</li>
							</ul>
							<!--下部-->
							<!--描述-->
							<div class="hh miaoshu">
							 
							</div>
							<!--评价-->
							<div class="hh pingjia">
								<!---->
							</div>
							<!--须知-->
							<div class="hh xuzhi">
								
							</div>
						</div>
					</div>
					
					
					
				<!-------------------------------------底部------------------------------------------------------------------------------>
				<div id="foont">
					<!--上部服务-->	
					<div class="fuwu">
						<!--内容盒-->
						<div class="fw-box">
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/1.jpg" />
							</div>
							<div class="fw-js">
								<h4>获取帮助</h4>
								<p><span class="l-span">联系我们</span><span class="r-span">加入我们</span></p>
							</div>
							<!--防伪查询-->
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/2.jpg" />
							</div>
							<div class="fw-js">
								<h4>防伪查询</h4>
								<p><a href="#">输入查询码</a></p>
							</div>
							<!--售后服务-->
							
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/3.jpg" />
							</div>
							<div class="fw-js">
								<h4>售后服务</h4>
								<p>使用说明</p>
							</div>
							<!--团购服务-->
							<div class="fw-img">
								<img src="../img/index-img/fonnt-img/4.jpg" />
							</div>
							<div class="fw-js">
								<h4>团购服务</h4>
								<p>VIP客户</p>
							</div>
						</div>
					</div>
					<!--分割线-->
					<div class="fenge"></div>
					<!--温馨提示-->
					<div class="tishi">
						<p>温馨提示：近日有不法分子假冒+4006100011冒充李宁官方客服人员进行电话诈骗，请您提高警惕，注意保护个人账户信息，切勿泄漏他人。如遇类似问题， 请勿回拨来电号码，直接拨打李宁客服电话400-610-0011询问。</p>
					</div>
					<!--版权-->
					<div class="banquan">
						<p>沪ICP备14035278号-2 上海李宁电子商务有限公司版权所有 ©1990-2016</p>
						
					</div>
					<!--关于李宁-->
					<div class="guanyu">
						<ul>
							<li><a href="#">关于李宁</a></li>
							<li><a href="#">法律声明</a></li>
							<li><a href="#">投资者关系 Investor Relations</a></li>
							<li><a href="#">特许经营</a></li>
							<li><a href="#">合作伙伴</a></li>
							<li class="guanyu-li"><a href="#">客服热线</a></li>
						</ul>
					</div>
					<!--图标-->
					<div class="tubiao">
						<img src="../img/index-img/fonnt-img/6.jpg" />
					</div>
				</div>
			</div>
			<input id="bh1" type="hidden" value="1001"/>
			
			
			
			
			
			
			
			
			
			
		
			
			
		<script src="../js/goods.js"></script>
			
		<!--获取js文件-->
		<script src="../js/pro_center.js"></script>
	</body>
</html>
